a {color:#0449be;text-decoration:none;}
a :visited {color:#800080;text-decoration:none;}
a :hover {color:#f00;text-decoration:none;}

form {
    padding:0;
    margin:0;
    font-family: "Trebuchet MS", Trebuchet, Verdana, Helvetica, Arial, sans-serif;
}

table  td {
    margin:0;
    font:12px Arial, Helvetica, sans-serif;
}

input {
  border: solid 1px #999;
}

/*
* main menu
*/
.ph-main-tabs-nav, .ph-main-tabs-panel {
    font-family: "Trebuchet MS", Trebuchet, Verdana, Helvetica, Arial, sans-serif;
    font-size: 12px;
}
.ph-main-tabs-nav {
    list-style: none;
    margin: 0;
    padding: 0 0 0 4px;
}
.ph-main-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}
.ph-main-tabs-nav li {
    float: left;
    margin: 0 0 0 1px;
    min-width: 84px; /* be nice to Opera */
}
.ph-main-tabs-nav a, .ph-main-tabs-nav a span {
    display: block;
    padding: 0 10px;
    background: url(platform/tab/images/main_tab.png) no-repeat;
}
.ph-main-tabs-nav a span{
    *padding-bottom: 2px;
    _padding-bottom: 2px;
}
.ph-main-tabs-nav a {
    margin: 1px 0 0; /* position: relative makes opacity fail for disabled tab in IE */
    padding-left: 0;
    /*color: #27537a;*/
    color:#eee;
    /*font-weight: bold;*/
    line-height: 1.2;
    text-align: center;
    text-decoration: none;
    white-space: nowrap; /* required in IE 6 */
    outline: 0; /* prevent dotted border in Firefox */
}
.ph-main-tabs-nav .ph-main-tabs-selected a {
    position: relative;
    top: 1px;
    z-index: 2;
    margin-top: 0;
    color: #fff;
    font-weight: bold;
}
.ph-main-tabs-nav a span {
    width: 64px; /* IE 6 treats width as min-width */
    min-width: 64px;
    height: 18px; /* IE 6 treats height as min-height */
    min-height: 18px;
    padding-top: 6px;
    padding-right: 0;
}
*>.ph-main-tabs-nav a span { /* hide from IE 6 */
    width: auto;
    height: auto;
}
.ph-main-tabs-nav .ph-main-tabs-selected a span {
    padding-bottom: 1px;
}
.ph-main-tabs-nav .ph-main-tabs-selected a, .ph-main-tabs-nav a:hover, .ph-main-tabs-nav a:focus, .ph-main-tabs-nav a:active {
    background-position: 100% -55px;
}
.ph-main-tabs-nav a, .ph-main-tabs-nav .ph-main-tabs-disabled a:hover, .ph-main-tabs-nav .ph-main-tabs-disabled a:focus, .ph-main-tabs-nav .ph-main-tabs-disabled a:active {
    /*background-position: 100% -100px;*/
    background-position: 100% 0;
}
.ph-main-tabs-nav .ph-main-tabs-selected a span, .ph-main-tabs-nav a:hover span, .ph-main-tabs-nav a:focus span, .ph-main-tabs-nav a:active span {
    background-position: 0 -55px;
}
.ph-main-tabs-nav a span, .ph-main-tabs-nav .ph-main-tabs-disabled a:hover span, .ph-main-tabs-nav .ph-main-tabs-disabled a:focus span, .ph-main-tabs-nav .ph-main-tabs-disabled a:active span {
    background-position: 0 0;
}
.ph-main-tabs-nav .ph-main-tabs-selected a:link, .ph-main-tabs-nav .ph-main-tabs-selected a:visited, .ph-main-tabs-nav .ph-main-tabs-disabled a:link, .ph-main-tabs-nav .ph-main-tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}
.ph-main-tabs-nav a:hover, .ph-main-tabs-nav a:focus, .ph-main-tabs-nav a:active,
.ph-main-tabs-nav .ph-main-tabs-unselect a:hover, .ph-main-tabs-nav .ph-main-tabs-unselect a:focus, .ph-main-tabs-nav .ph-main-tabs-unselect a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}
.ph-main-tabs-panel {
    clear: both;
    border-top: 1px solid #97a5b0;
    background-color:#446AAE;
    padding: 2px 0 0 0;
}
.ph-main-tabs-panel div {
    border-bottom: 1px solid #ccc;
    height:2px;
    background-color:#446AAE;
    overflow:hidden;
}

.menu1 {
    background: url(platform/menu/images/menu1_bg.png) right repeat-y;
}
.menu1_left, .menu1_left_selected {
    float:left;
    padding:8px 6px;
    color:#ccc;
}
.menu1_left_selected {
    font-weight:bolder;
    color: #fff;
}
.menu1_right {
    float:right;
    padding:8px 6px 8px 4px;
    text-align:right;
}
.menu1_left *, .menu1_left_selected *, .menu1_right * {
    vertical-align:middle;
    *vertical-align:baseline; /*ie6 ie7*/
    _vertical-align:baseline; /*ie6*/
}
.menu1_clear {
    clear:both;
    overflow:hidden;
    height:1px;
    background:#ccc;
    border-bottom:#999;
}
.menu1_left a{color:#eee;text-decoration:none;}
.menu1_left a :visited{color:#eee;text-decoration:none;}
.menu1_left a :hover{color:#ccc;text-decoration:none;}
.menu1_left_selected a{color:#fff;text-decoration:none;}
.menu1_left_selected a :visited{color:#fff;text-decoration:none;}
.menu1_left_selected a :hover{color:#eee;text-decoration:none;}
.menu1_right img {cursor:pointer;}
.menu1_right .separator{cursor:default;}

/*
* panel1
*/
.panel1_h_left, .panel1_h_right, .panel1_f_left, .panel1_f_right {
    background: url(platform/panel/images/panel_1_head_foot.png) no-repeat;
}
.panel1 {
}
.panel1_h_left {
    padding:0 0 0 5px;
    background-position: 0 0;
}
.panel1_h_right {
    padding:0 5px 0 0;
    background-position: 100% 0;
}
.panel1_h_middle{
    background: url(platform/panel/images/panel_1_head_center.png) repeat-x;
}
.panel1_head_title {
    float:left;
    padding:4px 4px 4px 0;
    font-weight:bolder;
}
.panel1_head_tool_item {
    float:right;
    padding:4px 0 4px 4px;
    text-align:right;
}
.panel1_head_title *, .panel_head_tool_item * {
    vertical-align:middle;
    *vertical-align:baseline; /*ie6 ie7*/
    _vertical-align:baseline; /*ie6*/
}
.panel1_head_clear {
    clear:both;
    overflow:hidden;
    height:1px;
}
.panel1_c_left {
    background:#fff;
    border: solid 1px #999;
    border-bottom: none;
}
.panel1_c_right {
}
.panel1_c_middle {
    /*padding: 5px;*/
}
.panel1_f_left {
    padding:0 0 0 5px;
    background-position:bottom left;
}
.panel1_f_right{
    padding:0 5px 0 0;
    background-position:bottom right;
}
.panel1_f_middle{
    height:4px;
    overflow:hidden;
    background: url(platform/panel/images/panel_1_foot_center.png) repeat-x bottom;
}
.panel1_head_tool_item img {cursor:pointer}
.panel1_head_tool_item img .separator {cursor:default}
.panel1_head_title img {cursor:pointer}
.panel1_head_title img .separator{cursor:default}

/* 
============================
nav
============================
*/
.header_nav {
    clear: left;
    margin: 0px; padding:0px; border: 0px;
    list-style-type: none;
    text-align: center;
    display: inline;
}
.header_nav li {
    float: left;
    display: block;
    margin: 0px;
    padding: 2px 10px;
    text-align: center;
    #padding-top: 4px;
}
.header_nav li a {
    display: block;
    padding: 0;
    color: #000;
    text-decoration: none;
    /*
    font-weight: bold;
    */
}
.header_nav li a:hover {
    text-decoration:underline;
    color: #000; 
} 

/*
left nav
*/
#left_title {
    overflow: hidden;
    background-color:#FFFFCC;
    height: 20px;
    padding: 5px; 
    font-weight: bolder;
    *height: 30px;
}
#left_nav_content {
    padding: 5px;
}


/*
content title
*/
.cnt_t {
    padding: 8px;
    font-weight: bolder;
    font-size:14px;
    border-bottom:dotted 1px #CCCCCC;
}
.cnt_c {
    padding: 5px;
}
.cnt_c_tb {
    border-top: solid 1px #ccc;
    border-left: solid 1px #ccc;
    border-right: solid 1px #ccc;
    border-bottom: solid 1px #ccc;
}
.cnt_c_tb_head tr td {
    border-bottom: solid 1px #ccc;
    font-weight:bolder;
    background:url(../images/table_header_background.gif) center repeat-x;
}
.cnt_c_tb_head_n {
    border-right: solid 1px #ccc; 
}
.cnt_c_tb_head_r {
}
.cnt_c_tb_tbody .tb_tr_normal td { 
    border-bottom: dotted 1px #ccc;
}
.cnt_c_tb_tbody .tb_tr_last td {
}

.cnt_toolbar {
    padding: 8px;
}
